@bodyMinWidth: 900px;
@leftBarWidth: 240px;
@leftBarBgColor: #106CC8;
@leftBarColor: #FFF;
@leftBarMenuHoverColor: #267ED5;
@topBarBgColor: #F6F6F6;
@topBarColor: #202020;
@logoFontSize: 120px;


body{
  font-family: 'Open Sans', 'Microsoft YaHei', 'STXihei', 'SimHei',Serif;
  min-width: @bodyMinWidth;
}
#admin-top-bar{
  background-color: @topBarBgColor;
  color: @topBarColor;
}
#admin-left-bar{
  background-color: @leftBarBgColor;
  color: @leftBarColor;
  padding-top: 30px;
  min-width: @leftBarWidth !important;
  width: @leftBarWidth !important;

  md-content{
    background : @leftBarBgColor;
  }
}
#admin-logo{
  font-size: @logoFontSize;
}

.material-icons.icon-center{
  display: flex;
}

.left-bar-menu{
  padding-left: 0;
  color: @leftBarColor !important;
  font-size: 20px;
  font-weight: 400;


}
#admin-left-bar{

  .md-button{
    color: @leftBarColor;
    background-color: @leftBarBgColor;
    border-width: 0;
    border-bottom:1px;
    border-radius: 0;
    text-align: left;
    margin: 0;
    padding: 5px 30px;
    display: block;
    min-width: 100%;
    &:hover {
      background-color: @leftBarMenuHoverColor;
    }
  }
}

.menu-bottom-border{
  border-bottom: 1px solid @leftBarMenuHoverColor;
}

.left-bar-menu{
  .menu-bottom-border;

  >li{
    &:not(:last-child){
      .menu-bottom-border;
    }
  }
}
